<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core">

        <ui:composition template="/templateDefault.xhtml">
            <ui:define name="title"><h:outputText value="#{msg.header_produto_lbl}"/></ui:define>
            <ui:define name="content">
                <rich:panel title="#{msg.header_produto_lbl}" style="width: 99.5%">
                    <h:form id="entidadeForm" prependId="false">
                        <h:panelGrid columns="2" id="formGrid">
                            <h:outputLabel for="nome" value="#{msg.campo_descricao}"/>
                            <h:inputText id="nome" value="#{produtoMB.modelo.descricao}" size="44">
                                <a4j:ajax event="focus" render="res"/>
                            </h:inputText>
                            <h:outputLabel for="comboPai" value="#{msg.campo_marca}"/>
                            <h:selectOneMenu style="width: 247px" id="comboPai" value="#{modeloProdutoMB.modelo.idMarca}" title="Marcas de Produtos">
                                <a4j:ajax execute="@this" immediate="true" render="comboFilho res"/>
                                <f:selectItems value="#{marcaProdutoMB.todosCombo}" var="varItem" itemValue="#{varItem.id}" itemLabel="#{varItem.nome}"/>
                            </h:selectOneMenu>
                            <h:outputLabel for="comboFilho" value="#{msg.campo_modelo}"/>
                            <h:selectOneMenu style="width: 247px" id="comboFilho" value="#{produtoMB.modelo.idModelo}" title="Modelos de Produtos">
                                <a4j:ajax event="focus" render="res"/>
                                <f:selectItems value="#{modeloProdutoMB.bySelectedMarca}" var="varItem" itemValue="#{varItem.id}" itemLabel="#{varItem.nome}"/>
                            </h:selectOneMenu>
                            <h:outputLabel for="comboPai1" value="#{msg.campo_categoria_produto}"/>
                            <h:selectOneMenu style="width: 247px" id="comboPai1" value="#{tipoProdutoMB.modelo.idCategoria}" title="Categoria de Produtos">
                                <a4j:ajax execute="@this" immediate="true" render="comboFilho1 res"/>
                                <f:selectItems value="#{categoriaProdutoMB.todosCombo}" var="varItem" itemValue="#{varItem.id}" itemLabel="#{varItem.nome}"/>
                            </h:selectOneMenu>
                            <h:outputLabel for="comboFilho1" value="#{msg.campo_tipo_produto}"/>
                            <h:selectOneMenu style="width: 247px" id="comboFilho1" value="#{produtoMB.modelo.idTipo}" title="Tipos de Produtos">
                                <a4j:ajax event="focus" render="res"/>
                                <f:selectItems value="#{tipoProdutoMB.bySelectedCategoria}" var="varItem" itemValue="#{varItem.id}" itemLabel="#{varItem.nome}"/>
                            </h:selectOneMenu>
                            <h:outputLabel for="fabricante" value="#{msg.campo_fabricante}"/>
                            <h:selectOneMenu style="width: 247px" id="fabricante" value="#{produtoMB.modelo.idFabricante}" title="Fabricantes de Produtos">
                                <a4j:ajax event="focus" render="res"/>
                                <f:selectItems value="#{fabricanteProdutoMB.todosCombo}" var="varItem" itemValue="#{varItem.id}" itemLabel="#{varItem.nome}"/>
                            </h:selectOneMenu>
                            <h:outputLabel for="cor" value="#{msg.campo_cor}"/>
                            <h:inputText id="cor" value="#{produtoMB.modelo.cor}" size="44">
                                <a4j:ajax event="focus" render="res"/>
                            </h:inputText>
                            <h:outputLabel for="tamanho" value="#{msg.campo_tamanho}"/>
                            <h:inputText id="tamanho" value="#{produtoMB.modelo.tamanho}" size="44">
                                <a4j:ajax event="focus" render="res"/>
                            </h:inputText>
                            <h:outputLabel for="numSerie" value="#{msg.campo_num_serie}"/>
                            <h:inputText id="numSerie" value="#{produtoMB.modelo.numSerie}" size="44">
                                <a4j:ajax event="focus" render="res"/>
                            </h:inputText>
                            <h:outputLabel for="estocavel" value="#{msg.campo_estocavel}"/>
                            <h:selectOneMenu style="width: 247px" id="estocavel" value="#{produtoMB.modelo.estocavel}">
                                <a4j:ajax event="focus" render="res"/>
                                <f:selectItem itemLabel="Seleccionar..." itemValue="Seleccionar"/>
                                <f:selectItem itemLabel="Sim" itemValue="sim"/>
                                <f:selectItem itemLabel="Não" itemValue="nao"/>
                            </h:selectOneMenu>
                            <h:outputLabel for="dataRegisto" value="#{msg.campo_data_registo}"/>
                            <h:inputText id="dataRegisto" value="#{produtoMB.modelo.dataRegisto}" size="44" readonly="true">
                                <f:convertDateTime dateStyle="short" type="date" pattern="dd-MM-yyyy"/>
                            </h:inputText>
                        </h:panelGrid>

                        <div align="center" style="width: 400px">
                            <a4j:commandButton title="#{msg.botao_gravar_lbl}" action="#{produtoMB.salvar}" image="/imagens/save32x32.png"
                                               execute="@form" render="nome comboPai comboFilho comboPai1 comboFilho1 fabricante cor tamanho numSerie estocavel dataRegisto res"/>
                                <!--<p:ajax process="nome comboPai comboFilho comboPai1 comboFilho1 fabricante cor tamanho numSerie estocavel dataRegisto" 
                                update=""/>-->
                            <h:commandButton immediate="true" title="#{msg.botao_limpar}" image="/imagens/file32x32.png">
                                <f:ajax onevent="reset()"/>
                            </h:commandButton>
                        </div>     
                    </h:form>
                    <a4j:outputPanel id="res" style="width: 500px" ajaxRendered="true">
                        <rich:messages showDetail="true" id="msgs"/>
                </a4j:outputPanel>
                </rich:panel>
            </ui:define>
        </ui:composition>
</html>
